
export const FloatingCircleButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>> = ({ children, style, ...rest }) => (
    <button
      style={{
        width: 48,
        height: 48,
        borderRadius: '50%',
        background: '#fff',
        color: '#333',
        border: '1.5px solid #ccc',
        cursor: 'pointer',
        fontWeight: 600,
        boxShadow: '0 2px 8px rgba(0,0,0,0.12)',
        fontSize: 16,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        transition: 'background 0.2s',
        ...style,
      }}
      {...rest}
    >
      {children}
    </button>
  );